.bofanliu{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90px;
    width: 90px;
    opacity: .85;
    background: #1d89ff;
    transform: translateX(-50%) translateY(-50%);
    transition: .2s ease-out;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    line-height: 90px;
    color: #fff;
    -webkit-box-shadow: 0 0 0 rgb(255 255 255 / 80%);
	/* 视频模块
-------------------------------------------------------------- */
.flat-video { padding: 80px 0; }
.flat-video.flat-video-style1 { background: #3c3c3c; background: -webkit-gradient(linear, right top, left top, from(#15ad8a), to(#1963af)); background: linear-gradient(45deg, #15ad8a, #1963af); }
.flat-video.flat-video-style2 { background-size: cover; background-position: center; padding: 80px 0; }
.flat-video.flat-video-style2 .overlay { background: #000; opacity: 0.7; }
.flat-video .video-box { position: relative; }
.flat-video.flat-video-style1 .video-box { height: 320px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.flat-video.flat-video-style2 .video-box { height: 90px; margin-bottom: 30px; }
.flat-video.flat-video-style1 .video-box img { width: 100%; max-height: 320px; }
.flat-video.flat-video-style1 .video-box .video-btn, .flat-video.flat-video-style2 .video-box .video-btn { position: absolute; top: 50%; left: 50%; height: 90px; width: 90px; opacity: .85; background: #1d89ff; transform: translateX(-50%) translateY(-50%); transition: .2s ease-out; border-radius: 50%; text-align: center; font-size: 32px; line-height: 90px; color: #fff; -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); -webkit-animation: inout 1s infinite; animation: inout 1.5s infinite; }
.flat-video.flat-video-style1 .video-info { padding-left: 50px; }
.flat-video.flat-video-style2 .video-info { text-align: center; }
.flat-video.flat-video-style1 .flex-row-reverse .video-info { padding-left: 0; }
.flat-video .video-info .title { font-size: 36px; line-height: 43px; font-weight: bold; color: #fff; margin-bottom: 20px; }
.flat-video .video-info .desc { color: #fff; font-size: 18px; }
.flat-video.flat-video-style1 .video-info .author { margin-top: 30px; }
.flat-video.flat-video-style1 .video-info .author .author-portrait { margin-right: 20px; }
.flat-video.flat-video-style1 .video-info .author .author-portrait img { width: 50px; height: 50px; border-radius: 50px; }
.flat-video.flat-video-style1 .video-info .author .author-info { color: #f1f1f1; }
.flat-video.flat-video-style1 .video-info .author .author-info strong { font-size: 16px; }
.flat-video.flat-video-style1 .video-info .author .author-info span { font-size: 12px; }
@-webkit-keyframes inout {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
    70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes inout {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
    70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}